﻿<br />
<br />     
    <div id="left" style="width: 50%; float: left;">
        <html>
        Existing member:
    <br />
        <br />
        <b>Email address: </b>

        <input type="text" id ="Username" value="@ViewBag.email"/>

        <br />
        <br />
        <b>Password:</b>
        <span style="margin-left: 6.6%">
            <input type="password" id ="Password" value="@ViewBag.password"/>
        </span>
        <br />
        <br />
            <br />
        <br />

        <input type="button" value="Log in" onclick="LogIn()" id="LogIn" />

        </html>
    </div>
        
        @*Sign up*@
    <div id="right" style="margin-left: 50%; border-left: solid 1px black;">
        <span style="margin-left: 3%">New member:
        </span>
        <br />
        <br />

        <span style="margin-left: 3%">
            <b>Name </b>
        </span>
        <span style="margin-left: 19%">
            <input type="text" id="NewName" />
        </span>
        <br />
        <br />
        <span style="margin-left: 3%">
            <b>Email address </b>
        </span>
        <span style="margin-left: 7%">
            <input type="email" id="NewUserName" />
        </span>
        <br />
        <br />
        <span style="margin-left: 3%">
            <b>Gender </b>
        </span>
        <span style="margin-left: 17%">
            <select id="NewGender">
                @{
    List<string> gender = new List<string>();
    gender.Add("F");
    gender.Add("M");
    foreach (var sex in gender)
    {
                    <option value="@sex">@sex</option>
    }
                }
            </select>
        </span>
        <br />
        <br />
        <span style="margin-left: 3%">
            <b>D.O.B </b>
        </span>
        <span style="margin-left: 18.5%">
            <input type="date" id="NewDOB" />
        </span>
        <br />
        <br />
        <span style="margin-left: 3%">
            <b>Password </b>
        </span>
        <span style="margin-left: 14%">
            <input type="password" id="NewPassword" />
        </span>
        <br />
        <br />
        <span style="margin-left: 3%">
            <b>Password (Repeat) </b>
        </span>
        <input type="password" id="NewPasswordRepeat" />   
        <br />
        <br />
        <br />

       &nbsp&nbsp<input type="checkbox" id="Agree" /><label for="Agree">I agree with the terms and conditions.</label>
        <br />
        <br />
        <br />
        <br />
        &nbsp&nbsp<input type="button" value="Sign up" onclick="SignUp()" />
    </div>     
}



<script>
    $("#Password").keyup(function (event) {
        if (event.keyCode == 13) {
            $("#LogIn").click();
        }
    });
</script>

